.register{
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: $padding_20;
  overflow: hidden;
  background: #9132ca linear-gradient(to right top, rgba(0,255,0,0.5), rgba(153, 232, 255, 0.5));
  .title{
    width: 100%;
    margin-top: $margin_10;
    font-size: $fontSize_20;
    border-bottom: 2px solid #ffffff;
    font-weight: $fontWeight_600;
    color: #ffffff;
    .left{
      float: left;
      line-height: 40px;
      padding-left: $padding_20;
    }
    .right{
      float: right;
      line-height: 40px;
    }
    &::after{
      content: '';
      display: block;
      overflow: hidden;
      clear: both;
    }
  }
  .content{
    width: 100%;
    height: 100%;
    position: relative;
    ul{
      position: absolute;
      top: 20%;
      left: 20%;
    }
    .input{
      padding-top: $padding_10;
      width: 250px;
    }
    .submit{
      width: 100%;
      margin-top: 10px;
      padding-bottom: 10px;
    }
  }
}
